<template>
  <div>
    <h3>Home</h3>
    <div>
        <!-- <router-link  to="/home/music">music</router-link>
        <router-link to="/home/news">news</router-link> -->

        <!-- <router-link :to="{path:'/home/music'}">music</router-link>
        <router-link :to="{path:'/home/news'}">news</router-link> -->

        <router-link :to="{name:'music'}">music</router-link>
        <router-link :to="{name:'news'}">news</router-link>
    </div>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
    name:'Home',
}
</script>

<style>
</style>